@charset "utf-8";
body{ margin:0; padding:0; font-family: "微软雅黑"; font-size:14px; color:#333;transition:all 500ms;}
div,ul,li,ol,dd,dl,dt,p,i,h3,img,a,h1,h2,h3,h4,h5,h6,select,input,span{ list-style:none; padding:0; margin:0;}
input,textarea{ outline:none;font-family: "微软雅黑";color:#000;padding:0; margin:0;}

a{ color:#333; text-decoration:none;}
a:hover{ color:#000;}
.clearfix{overflow:hidden;_zoom:1;}
.clear{ clear:both}

.wrap{ width:1200px; margin:0 auto;}

.header .headtop{ height:96px;}
.header .headtop .logo{ padding-top:21px; float:left;}
.header .headtop .language{ float:right; margin-top:37px;}
.header .headtop .language span{ margin-left:20px; font-size:12px; line-height:17px; display:block; float:left;}
.header .headtop .language span img{ float:left; margin-right:5px;}
.header .nav{ background:#1274ce; height:52px; line-height:52px;}
.header .nav ul{ width:1250px; overflow:hidden; margin-left:-1px;}
.header .nav ul li{ float:left; width:150px; text-align:center; border-left:#91c5f5 dotted 1px;}
.header .nav ul li.focus,.header .nav ul li:hover{ background:#0c5aa3;}
.header .nav ul li a{ font-size:16px; color:#fff; display:block;}

.menu-toggle{display: none;}

.banner .swiper-container{ height:570px; overflow:hidden;}
.banner .swiper-container .swiper-slide{height:570px; width:100%;}
.banner .pagination {position: absolute;z-index: 20;bottom:0px;width: 100%; height:30px; padding-top:30px;text-align: center; background:url(../images/bannerBg.png) no-repeat center bottom;}
.banner .swiper-pagination-switch {display: inline-block; width: 12px; height: 12px; border-radius:12px; background: #1274ce; margin: 0 5px; opacity: 0.8; cursor: pointer;}
.banner .swiper-active-switch {background:#fb891b;}

.i_about{ padding-bottom:100px;}
.i_about .tit{ text-align:center; padding:38px 0; font-size:16px; color:#999; line-height:1.5; letter-spacing:5px;}
.i_about .tit span{ font-size:30px; font-weight:bold; color:#1274ce; border-bottom:#00719e solid 1px;letter-spacing:0px}
.i_about .box{ position:relative;}
.i_about .box img{ cursor: pointer;}
.i_about .box dl{ position:absolute; top:0; right:0; width:487px; background:#d2e4f7; padding:33px; line-height:2;}
.i_about .box dl .more{ width:130px; height:34px; line-height:34px; color:#1274ce; border:#1274ce solid 1px; border-radius:20px; display:block; text-align:center; margin-top:15px;}

.ipro{ background:#fb891b; padding-bottom:20px;}
.ipro .tit{ text-align:center; padding:38px 0; font-size:16px; color:#fff; line-height:1.5; letter-spacing:5px;}
.ipro .tit span{ font-size:30px; font-weight:bold; color:#fff; border-bottom:#fff solid 1px;letter-spacing:0px}
.ipro .box ul{ width:1300px;}
.ipro .box ul li{ float:left; margin-right:54px;}
.ipro .box ul li img{ display:block;}
.ipro .box ul li p{ text-align:center; line-height:40px; color:#fff;}

.contact_news{ padding:55px 0;}
.contact_news .icontact{ float:left; }
.contact_news .icontact dl{ font-size:16px; color:#999; overflow:hidden; line-height:1; padding:32px 0;}
.contact_news .icontact dl h2{ font-size:30px; color:#1274ce; float:left;}
.contact_news .icontact dl span{ margin-top:17px; float:left; margin-left:10px;}
.contact_news .icontact ol{background:#1274ce; color:#fff; border-left:#fb891b solid 8px; width:486px; height:300px; padding:37px; line-height:2.2;}
.contact_news .icontact ol h3{ font-size:24px; font-weight:normal; line-height:1; margin-bottom:30px;}
.contact_news .icontact ol h3 span{ font-size:18px;}
.contact_news .i_news{ width:590px; float:right;}
.contact_news .i_news dl{ font-size:16px; color:#999; overflow:hidden; line-height:1; padding:32px 0;}
.contact_news .i_news dl h2{ font-size:30px; color:#1274ce; float:left;}
.contact_news .i_news dl span{ margin-top:17px; float:left; margin-left:10px;}
.contact_news .i_news .box ul li{ overflow:hidden; margin-bottom:37px;font-size:12px;}
.contact_news .i_news .box ul li img{ float:left; margin-right:15px;}
.contact_news .i_news .box ul li ol h3{ font-size:14px; margin-bottom:5px;}
.contact_news .i_news .box ul li ol p{ height:50px;}

.honor{ background:#e5f1fd; padding:37px 0 80px;}
.honor .swiper-container{ height:250px; overflow:hidden;}
.honor .swiper-container .swiper-slide{height:330px;}
.honor .swiper-container .swiper-slide img{ border:#809ab3 solid 1px;}

.nei_banner{ height:300px;}
.nei_banner_560{ height:560px;}

.content{ background:#f2f2f2; padding:45px 0 100px;}
.content .wrap{ overflow:hidden;}
.content .left{ width:240px; float:left;}
.content .left .left_nav{ text-align:center; margin-bottom:15px;}
.content .left .left_nav dl{ background:#1b6ebc; color:#fff; height:80px;}
.content .left .left_nav dl h3{ font-size:25px; padding-top:14px;}
.content .left .left_nav ul{ background:#fff; padding:0 12px 35px;}
.content .left .left_nav ul li{ border-bottom:#eaeaea solid 1px;}
.content .left .left_nav ul li a{ line-height:40px; color:#666; display:block; font-size:15px;}
.content .left .left_nav ul li a:hover,.content .left .left_nav ul li.cur a{ color:#1b6ebc; font-weight:bold;}
.content .left .left_contact{text-align:center;}
.content .left .left_contact dl{background:#fb891b; color:#fff; height:80px;}
.content .left .left_contact dl h3{ font-size:25px; font-weight:normal; padding-top:14px;}
.content .left .left_contact .box{ background:#1b6ebc; color:#fff; text-align:left; padding:25px; font-size:13px; line-height:25px;}

.content .right{ width:930px; float:right}
.content .right .bread_crumbs{ background:url(../images/icon03.png) repeat-x bottom; margin-bottom:13px; overflow:hidden; padding-bottom:12px;}
.content .right .bread_crumbs h3{ line-height:54px; background:url(../images/icon05.png) no-repeat left center; padding-left:40px; font-size:23px; font-weight:normal; color:#000; float:left; width:230px;}
.content .right .bread_crumbs p{ float:right; text-align:right; line-height:54px; font-size:12px;}
.content .right .bread_crumbs p a{ color:#666;}
.content .right .bread_crumbs p a:hover{ color:#1b6ebc;}
.content .right .text{ background:#fff;min-height:548px;*+height:100%;_height:548px; padding:30px; line-height:30px;}
.content .right .text_con{ background:#fff;min-height:548px;*+height:100%;_height:548px; padding:30px; line-height:30px;}
.content .right .text_con img{ margin-right:20px;}
.content .right .pro{background:#fff; padding:45px 32px 10px; overflow:hidden;}
.content .right .pro ul{ width:1000px; overflow:hidden; margin-bottom:10px;}
.content .right .pro ul li{ float:left; margin-right:40px;}
.content .right .pro ul li img{ display:block; border:#999 solid 1px;}
.content .right .pro ul li p{ text-align:center; line-height:40px; color:#333;}



.content .right .fac{background:#fff; padding:45px 32px 10px; overflow:hidden;}
.content .right .fac ul{ width:1000px; overflow:hidden; margin-bottom:10px;}
.content .right .fac ul li{ float:left; margin-right:40px;}
.content .right .fac ul li img{ display:block; border:#999 solid 1px; margin-bottom:20px;}
.content .right .fac ul li p{ text-align:center; line-height:40px; color:#333;}


.content .right .honor{background:#fff; padding:45px 32px 10px; overflow:hidden;}
.content .right .honor ul{ width:1000px; overflow:hidden; margin-bottom:10px;}
.content .right .honor ul li{ float:left; margin-right:40px;}
.content .right .honor ul li img{ display:block; border:#999 solid 1px; margin-bottom:20px;}
.content .right .honor ul li p{ text-align:center; line-height:40px; color:#333;}



.content .right .proview{padding:50px; background:#fff; overflow:hidden;min-height:485px;*+height:100%;_height:485px; }
.content .right .proview dl{ float:left; border:#999 solid 1px; margin-right:30px;}
.content .right .proview dl img{ display:block;}
.content .right .proview ol{ line-height:2;}
.content .right .proview img { max-width:850px;}

.content .right .proview .link_back{ padding:50px 0;}
.content .right .proview .link_back a{ width:180px; height:40px; line-height:40px; background:#eee; color:#333; display:block; margin:0 auto; border-radius:5px; border:#d2d2d2 solid 1px;text-align:center;}


.content .right .news{background:#fff;min-height:450px;*+height:100%;_height:450px; padding:50px 50px 20px; }
.content .right .news ul li{ line-height:50px; border-bottom:#e4e4e4 solid 1px;}
.content .right .news ul li a{ background:url(../images/icon03.png) no-repeat left center; padding-left:25px;}
.content .right .news ul li span{ float:right;}
.content .right .news_view{ background:#fff;min-height:450px;*+height:100%;_height:450px; padding:50px;} 
.content .right .news_view .title{ text-align:center; border-bottom:#c5c5c5 solid 1px; font-size:17px; line-height:50px; margin-bottom:20px; padding-bottom:20px;}
.content .right .news_view .title p{ font-size:12px; line-height:20px; color:#666;}
.content .right .news_view .box{ line-height:25px;}
.content .right .news_view .link_back{ padding:50px 0;}
.content .right .news_view .link_back a{ width:180px; height:40px; line-height:40px; background:#eee; color:#333; display:block; margin:0 auto; border-radius:5px; border:#d2d2d2 solid 1px;text-align:center;}
.content .right .news_view .link_back a:hover{ background:#1b6ebc; color:#fff;}
.content .right .job{ background:#fff;min-height:548px;*+height:100%;_height:548px; padding:45px;}
.content .right .job ul{ margin-bottom:10px; position:relative;}
.content .right .job ul li{ background:#f3f3f3; overflow:hidden;}
.content .right .job ul .toggle{ width:88px; height:88px; background:#005da3 url(../images/icon10.png) no-repeat center; float:right; cursor:pointer; position:absolute; right:0; top:0;}
.content .right .job ul .toggle.cur{background:#005da3 url(../images/icon11.png) no-repeat center;}
.content .right .job ul li dl{ font-size:12px; padding:20px 40px; float:left;}
.content .right .job ul li dl h3{ font-size:18px; margin-bottom:5px;}
.content .right .job ul ol{ font-size:12px;line-height:2.5; margin-top:10px; display:none; padding-bottom:10px;}
.content .right .job ul ol b{ font-weight:bold; display:block;}
.content .right .job ul ol .email{ color:#ff0000; font-size:14px; font-weight:bold;}

.page{ text-align:center; color:#666; font-size:13px; padding:30px 0px;}
.page a{ color:#666; margin:0 5px; padding:2px 7px; border:#bbb solid 1px;}
.page a:hover,.page a.cur{ color:#fff; background:#0046bb; border:#0046bb solid 1px;}



/*===/分页=============================*/
.pagination { padding-top: 25px; text-align:center}
.pagination ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.pagination li {display:inline-block!important;}
.pagination a { font-size: 14px; color:#333;padding:6px 12px;line-height:18px;border:solid 1px #cccccc;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB}
.pagination .active {pointer-events:none}
.pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
.blank-large{height:80px;line-height:80px;clear:both;font-size:0}
.pagination li.active a,.pagination li a:hover{background: #004a93; color: #fff; border: 1px solid #004a93;}




.footer{ height:120px; background:#1274ce; color:#fff;}
.footer .wrap{ position:relative;}
.footer .gotop{ width:254px; height:60px; margin:0 auto; background:url(../images/footer.png) no-repeat center; position:absolute; top:-60px; left:473px; cursor:pointer;}
.footer a{ color:#fff;}
.footer p{ padding-top:40px; line-height:25px;}
.footer span{ float:right; margin-top:40px;}

/*弹出框*/
.tccBox{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999;}
.tccBox .black{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .9);}
.tccBox .box{ max-width: 1000px; max-height: 1000px; min-width:50px; min-height:50px; text-align: center; position: absolute;left:50%;top:50%;box-sizing:border-box; padding:5px; transform: translate(-50%,-50%);background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.33);}
.tccBox .box video{ width: 100%;}
.tccBox .box .offBtn{ width: 26px; height: 26px; background:url(../images/off.png) no-repeat center; background-size: cover; position: absolute; right: -25px; top: -25px; z-index: 11; cursor: pointer;}

@media (max-width: 1240px) {
    *{ box-sizing:border-box;}
    
    img{ display: inline-block; vertical-align:middle;max-width:100%;max-height:100%;height: auto; border: none;}
    
    .wrap{ width:100%; padding:0 20px;}
    
    .header .nav ul{ width:calc(100% - 1px);}
    .header .nav ul li{ width:calc(12.5% - 1px);}
    
    .banner .swiper-container{ height:400px;}
    .banner .swiper-container .swiper-slide{ background-size:auto 100% !important;}
    .banner .pagination{ box-sizing:content-box;}
    
    .ipro .box ul{ width:100%; margin:0 -20px;}
    .ipro .box ul li{ width:25%; margin:0; padding:0 20px; }
    .ipro .box ul li img{ width:100%;}
    
    .contact_news .icontact{ width:calc(50% - 20px);}
    .contact_news .i_news{ width:calc(50% - 20px);}
    
    .content .right{ width:calc(100% - 260px)}
    
    .content .right .pro ul{ width:100%;}
    
    .content .right .proview img{ width:100%;}
}



@media screen and (max-width:750px){
    
    body{ padding-top: 60px; font-size: 14px;}
    
    .wrap{ padding:0 15px;}
    
    .header {  width: 100%; height: 60px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.15); position: fixed; top: 0; left: 0; z-index: 99999;}
    .header .wrap{ padding:0;}
    .header .headtop .logo{ height:60px; padding:17px 15px;}
    .header .headtop .logo img{ width:auto; height:auto;}
    .header .nav{  position: fixed; top: 60px; left: 0; width: 100%; height: calc(100vh - 60px); z-index:99999; display: none;}
    .header .nav ul li{ width:100%; float:none; border-bottom: #91c5f5 dotted 1px; border-left:none}
    .header .headtop .language{ position:fixed; left:50%; bottom:50px; z-index:999999; transform:translateX(-50%); display:none;}
    .header .headtop .language a{color:#fff;}
    
    .header .menu-toggle{ width:60px; height:60px; position:absolute; right:0; top:0; z-index:99999; display:block;}
    .header .menu-toggle span{ width:35px; height:2px; background:#333;display:block; position:relative; opacity:1;transition:all 300ms; margin:30px 0 0 12px;}
    .header .menu-toggle span:before{ content:"";width:35px; height:2px; background:#333;display:block; position:absolute; left:0; top:-10px;transition:all 300ms;}
    .header .menu-toggle span:after{ content:"";width:35px; height:2px; background:#333;display:block;position:absolute; left:0; top:10px;transition:all 300ms;}
    .header .menu-toggle.cur span{background-color:transparent;}
    .header .menu-toggle.cur span:before{transform:rotate(45deg); top:0px;}
    .header .menu-toggle.cur span:after{transform:rotate(-45deg); top:0px;}
    
    .banner .swiper-container { height: 180px;}
    .banner .pagination{ background: none;}
    
    .nei_banner { height: 130px; background-size: cover !important;}
    
    .i_about { padding:15px;}
    .i_about .tit{ line-height: 1.5; letter-spacing: 3px;}
    .i_about .tit span{ font-size: 22px;}
    .i_about .box dl { position: relative; width: 100%; background: #d2e4f7; padding: 20px; line-height: 1.6; }
    
    .ipro .tit{ line-height: 1.5; letter-spacing: 3px;}
    .ipro .tit span{ font-size: 22px;}
    .ipro .box ul{ display:flex; flex-wrap:wrap; margin:0;}
    .ipro .box ul li{ width:50%; padding:0 10px;}
    
    .contact_news{ padding:0 0 50px;}
    .contact_news .i_news dl{ padding: 32px 0 15px;}
    .contact_news .i_news dl h2{ font-size:22px}
    .contact_news .i_news dl span { margin-top: 7px;}
    .contact_news .icontact dl{ padding: 32px 0 15px;}
    .contact_news .icontact dl h2{ font-size: 22px;}
    .contact_news .icontact dl span { margin-top: 7px;}
    .contact_news .icontact{ width:100%;}
    .contact_news .icontact ol{ width:100%; height:auto;}
    .contact_news .i_news{ width:100%}
    .contact_news .i_news .box ul li ol p{ height: auto; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
    
    .content{ padding:30px 0 50px}
    .content .left{ width:100%; float:none;}
    .content .left .left_nav dl{ height:auto; padding:10px 0}
    .content .left .left_nav dl h3{ font-size: 20px; padding-top: 0;}
    .content .left .left_nav ul{ padding:0;}
    .content .left .left_contact{ display:none;}
    .content .right{ width:100%; float:none;}
    
    .content .right .text{ padding:20px; line-height:1.6;}
    
    .content .right .bread_crumbs h3{ width:auto; font-size: 17px; background-size:20px !important;}
    
    .content .right .fac ul{ width:100%;}
    .content .right .fac ul li{ width:100%; margin:0 0 10px; float:none;}
    .content .right .fac ul li img{ width:100%;}
    
    .content .right .pro{ padding:20px 10px;}
    .content .right .pro ul{ display:flex; flex-wrap:wrap;}
    .content .right .pro ul li{ width:50%; margin:0 0 20px; padding:0 8px}
    
    .content .right .proview { padding: 20px;}
    
    .content .right .news{ padding:20px;}
    
    .content .right .news_view{ padding:20px;}
    
    .content .right .job{ padding:20px;}
    .content .right .job ul li{ padding-right:50px;}
    .content .right .job ul li dl{ padding:15px;}
    .content .right .job ul li dl h3{ font-size: 17px;}
    .content .right .job ul .toggle{ width:50px;}
    .content .right .job ul ol{ line-height: 1.8;}
    
    #map{ width:100% !important}
    
    .footer { height: auto; padding:15px;}
    .footer .gotop{ display:none;}
    .footer p { padding-top: 0; line-height: 1.6; }
}